<ion-modal-view>
  <ion-header-bar class="bar bar-header bar-positive">
    <button class="button back-button buttons icon ion-ios-arrow-left button-clear" nav-direction="back" ui-sref="message">返回</button>
    <h3 class="title">系统公告</h3>
  </ion-header-bar>
  <ion-content>
    <ion-refresher
      pulling-text="下拉刷新..."
      on-refresh="doRefresh()">
    </ion-refresher>
    <div ng-if="showloading" class="ion-spinner">
      <ion-spinner icon="lines" class="spinner-calm"></ion-spinner>
    </div>
    <div ng-if="showloading == false" class="content">
      <h5 ng-if="noticeData==''" class="notFound">未找到数据</h5>
      <ul class="list">
        <li class="item" ng-repeat="data in noticeData" ui-sref="noticeDetail({title:data.TITLE,content:data.CONTENT})">
          <h2 style="width: 70%;">{{data.TITLE}}</h2>
          <p style="font-size: 13px;color: #6a6a6a;">{{data.CONTENT}}</p>
          <span style="position: absolute;right: 10px;top: 10px;color: #8c8c8c;font-size: 13px;">{{data.UPDATE_DATE | date : "yyyy-MM-dd"}}</span>
        </li>
      </ul>
    </div>
    <ion-infinite-scroll on-infinite="loadMore()" distance="1%" ng-if="hasNextPage()"></ion-infinite-scroll>
  </ion-content>
</ion-modal-view>
